<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>小猪趣聚-公益脱单发起组织</title>
    <!-- Favicon -->
    <link rel="shortcut icon" type="image/icon" href="assets/images/favicon.ico"/>
    <!-- Font Awesome -->
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet">
    <!-- Bootstrap -->
    <link href="assets/css/bootstrap.min.css" rel="stylesheet">
    <!-- Slick slider -->
    <link href="assets/css/slick.css" rel="stylesheet">
    <!-- Theme color -->
    <link id="switcher" href="assets/css/theme-color/dark-blue-theme.css" rel="stylesheet">


    <!-- Main Style -->
    <link href="style.css" rel="stylesheet">

    <!-- Fonts -->

    <!-- Open Sans for body and title font -->
	<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700,800" rel="stylesheet">
 
 
	
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

	<style>
	.mu-header-featured-content p{
		margin-left:20px;
	}
	</style>
  </head>
  <body>


  
  	
  	<!-- Start Header -->
	<header id="mu-header" class="" role="banner">
		<div class="mu-header-overlay">
			<div class="container">
				<div class="mu-header-area">

					<!-- Start Logo -->
					<div class="mu-logo-area">
						<!-- text based logo -->
						<a class="mu-logo" href="#">小猪趣聚-公益脱单发起组织</a>
						<!-- image based logo -->
						<!-- <a class="mu-logo" href="#"><img src="assets/images/logo.png" alt="logo img"></a> -->
					</div>
					<!-- End Logo -->

					<!-- Start header featured area -->
					<div class="mu-header-featured-area">
						<div class="mu-header-featured-img">
							<img src="assets/images/iphone.jpg" alt="iphone image">
						</div>

						<div class="mu-header-featured-content">
							<h1>纯净真实 公益免费 优质有趣</h1>
							<h3>让交友脱单免费到底</h3>
							</br></br>
							<h1>使命</span></h1>
							<p>互帮互助，众人拾柴火焰高，帮助城市单身青年，扩大社交圈子，认识更多异性和朋友，告别枯躁乏味的宅家时间，加入更多线下吃喝玩乐兴趣活动，让每个人的生活多一份乐趣！趣生活，趣同城！</p>
							<h1>愿景</span></h1>
							<p>做中国最大的纯净真实，公益免费，非盈利性交友平台；让相亲找对象这事变得更简单，我为人人，人人为我，互帮互助，公益免费；</p>
							<h1>价值观</span></h1>
							<p>真诚友善，我为人人，人人为我，互帮互助</p>


							<div class="mu-app-download-area">
								<h4>微信扫一扫</h4>
								<img height="200px" src="miniCode.jpg">
								
								<!-- <a class="mu-windows-btn" href="#"><i class="fa fa-windows"></i><span>windows store</span></a> -->
							</div>

						</div>
					</div>
					<!-- End header featured area -->

				</div>
			</div>
		</div>
	</header>
	<!-- End Header -->

	<!-- Start Menu -->
	<button class="mu-menu-btn">
		<i class="fa fa-bars"></i>
	</button>
	<div class="mu-menu-full-overlay">
		<div class="mu-menu-full-overlay-inner">
			<a class="mu-menu-close-btn" href="#"><span class="mu-line"></span></a>
			<nav class="mu-menu" role="navigation">
				<ul>
					<li><a href="#mu-header">首页</a></li>
					<li><a href="#mu-feature">成为合伙人</a></li>
					<li><a href="#mu-video">视频介绍</a></li>
					<li><a href="#mu-apps-screenshot">使用截图</a></li>
					<li><a href="#mu-download">下载APP</a></li>
					<li><a href="#mu-faq">关于我们</a></li>
					<li><a href="#mu-contact">联系我们</a></li>
				</ul>
			</nav>
		</div>
	</div>
	<!-- End Menu -->

	
	
	<!-- Start main content -->
		
	<main role="main">

		<!-- Start Feature -->
		<section id="mu-feature">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="mu-feature-area">

							<div class="mu-title-area">
								<h2 class="mu-title">成为APP运营合伙人</h2>
								<span class="mu-title-dot"></span>
								<p style="font-size:20px;font-weight:bold;">这是一个资源共享，互利共赢的合伙时代，【小猪趣聚】互帮互助，脱单社交平台正在以合伙人的模式进行，
									不用你投钱，也不用你跑业务，合伙人只需要线上推荐身边单身朋友进来，轻松参与平台利润分成。<a style="color: blue;" href="hehuo.html">查看合伙须知</a></p>
							</div>

							<!-- Start Feature Content -->
							<div class="mu-feature-content">
								<div class="row">
									<div class="col-md-6">
										<div class="mu-feature-content-left">
											<img class="mu-profile-img" height="600px" src="zhaomu.png" alt="招募城市合伙人">
										</div>
									</div>
									<div class="col-md-6">
										<div class="mu-feature-content-right">

											<!-- Start single feature item -->
											<div class="media">
						                        <div class="media-left">
						                        	<button class="btn mu-feature-btn" type="button">
						                        		<i class="fa fa-sliders" aria-hidden="true"></i>
						                        	</button>
						                        </div>
						                        <div class="media-body">
							                        <h3 class="media-heading">痛点一</h3>
							                        <p>下载注册各种相亲或社交APP，纯线上模式，变相充值或购买服务，但还会遇盗各种虚假会员和托；（网聊不靠谱，充值服务费用高）</p>
						                        </div>
						                    </div>
						                    <!-- End single feature item -->

						                    <!-- Start single feature item -->
											<div class="media">
						                        <div class="media-left">
						                        	<button class="btn mu-feature-btn" type="button">
						                        		<i class="fa fa-sliders" aria-hidden="true"></i>
						                        	</button>
						                        </div>
						                        <div class="media-body">
													<h3 class="media-heading">痛点二</h3>
							                        <p>参加相亲机构组织策划的脱单活动；（组织费用高，相亲太直接，不适合宅家人士，部分人员信息不对等，如年龄，职业，收入，学历等）</p>
						                        </div>
						                    </div>
						                    <!-- End single feature item -->

						                    <!-- Start single feature item -->
											<div class="media">
						                        <div class="media-left">
						                        	<button class="btn mu-feature-btn" type="button">
						                        		<i class="fa fa-sliders" aria-hidden="true"></i>
						                        	</button>
						                        </div>
						                        <div class="media-body">
													<h3 class="media-heading">痛点三</h3>
							                        <p>进自媒体或微博号提供的各种收费单身微信群；（群里成员参差不齐，还收费；没人组织线下活动，口嗨的人多，群消息看不过来，与自己不相关消息太多）</p>
						                        </div>
						                    </div>
						                    <!-- End single feature item -->

						                    <!-- Start single feature item -->
											<div class="media">
						                        <div class="media-left">
						                        	<button class="btn mu-feature-btn" type="button">
						                        		<i class="fa fa-sliders" aria-hidden="true"></i>
						                        	</button>
						                        </div>
						                        <div class="media-body">
							                        <h3 class="media-heading">痛点四</h3>
							                        <p>加入各种兴趣爱好群；（加的群多，潜水的多，出去线下见面认识的少）
													；</p>
						                        </div>
						                    </div>
											<!-- End single feature item -->
											
											 <!-- Start single feature item -->
											 <div class="media">
												<div class="media-left">
													<button class="btn mu-feature-btn" type="button">
														<i class="fa fa-sliders" aria-hidden="true"></i>
													</button>
												</div>
												<div class="media-body">
													<h3 class="media-heading">痛点五</h3>
													<p style="font-size: 16px;font-weight: bold;">
														同学圈子，同事圈子，家人圈子，因这些圈子都有限，脱单效率低下；
														路上偶遇有眼缘的，但碍于面子不敢认识；</p>
												</div>
											</div>
											<!-- End single feature item -->						                   

										</div>
									</div>
								</div>
							</div>
							<!-- End Feature Content -->

						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- End Feature -->
		<!-- <div class="tlinks">Collect from <a href="http://www.cssmoban.com/" >建站模板</a></div> -->

		<!-- Start Video -->
		<section id="mu-video">
			<div class="mu-video-overlay">
				<div class="container">
					<div class="row">
						<div class="col-md-12">
							<div class="mu-video-area">
								<h2>视频介绍</h2>
								<a class="mu-video-play-btn" href="#"><i class="fa fa-play" aria-hidden="true"></i></a>
							</div>
						</div>
					</div>
				</div>
			</div>

			<!-- Start Video content -->
			<div class="mu-video-content">
				<div class="mu-video-iframe-area">
					<a class="mu-video-close-btn" href="#"><i class="fa fa-times" aria-hidden="true"></i></a>
					<iframe class="mu-video-iframe" width="854" height="480" src="https://www.youtube.com/embed/9r40_ffCZ_I" frameborder="0" allowfullscreen></iframe> 
				</div>
			</div>
			<!-- End Video content -->

		</section>
		<!-- End Video -->

		<!-- Start Apps Screenshot -->
		<section id="mu-apps-screenshot">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="mu-apps-screenshot-area">

							<div class="mu-title-area">
								<h2 class="mu-title">APP使用截图</h2>
								<span class="mu-title-dot"></span>
								<p>如果你是上班族，业余有时间聊微信，对帮忙别人脱单找对象感兴趣，或者自媒体做社群运营，做户外活动组织，吃喝玩乐的兴趣群主们，均可兼职成为运营合伙人，动动手指，就能赚钱；帮助别人同时也帮助了自己获取一份额外的收入；
									注意：0元投入，不花钱即可成为城市运营合伙人，一键推荐给身边单身朋友（此模式非传销形式，靠拉人头卖产品赚钱）我们平台，互帮互助，乐意帮助别人脱单的人士可成为运营合伙人；</p>
							</div>


							<!-- Start Apps Screenshot Content -->
							<div class="mu-apps-screenshot-content">

								<div class="mu-apps-screenshot-slider">

									<div class="mu-single-screeshot">
										<img src="assets/images/screenshot/1.jpg" alt="App screenshot img">
									</div>

									<div class="mu-single-screeshot">
										<img src="assets/images/screenshot/2.jpg" alt="App screenshot img">
									</div>

									<div class="mu-single-screeshot">
										<img src="assets/images/screenshot/3.jpg" alt="App screenshot img">
									</div>

									<div class="mu-single-screeshot">
										<img src="assets/images/screenshot/4.jpg" alt="App screenshot img">
									</div>

									<div class="mu-single-screeshot">
										<img src="assets/images/screenshot/5.jpg" alt="App screenshot img">
									</div>

									<div class="mu-single-screeshot">
										<img src="assets/images/screenshot/6.jpg" alt="App screenshot img">
									</div>

									<div class="mu-single-screeshot">
										<img src="assets/images/screenshot/7.jpg" alt="App screenshot img">
									</div>

									<div class="mu-single-screeshot">
										<img src="assets/images/screenshot/8.jpg" alt="App screenshot img">
									</div>

									<div class="mu-single-screeshot">
										<img src="assets/images/screenshot/9.jpg" alt="App screenshot img">
									</div>

									<div class="mu-single-screeshot">
										<img src="assets/images/screenshot/10.jpg" alt="App screenshot img">
									</div>

								</div>

							</div>
							<!-- End Apps Screenshot Content -->

						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- End Apps Screenshot -->

		<!-- Start Download -->
		<section id="mu-download">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="mu-download-area">

							<div class="mu-title-area">
								<h2 class="mu-title">获取APP</h2>
								<span class="mu-title-dot"></span>
								<p>纯净真实 优质有趣 公益免费（活动费用AA,不收取任何组织费用） 公益交友脱单发起组织</p>
							</div>


							<div class="mu-download-content">
								<a class="mu-apple-btn" href="#"><i class="fa fa-apple"></i><span>苹果IOS版</span></a>
								<a class="mu-google-btn" href="#"><i class="fa fa-android"></i><span>安卓Android版</span></a>
								
							</div>


						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- End Download -->

		<!-- Start FAQ -->
		<section id="mu-faq">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="mu-faq-area">

							<div class="mu-title-area">
								<h2 class="mu-title">FAQ</h2>
								<span class="mu-title-dot"></span>
							</div>


							<div class="mu-faq-content">

								<div class="panel-group" id="accordion">

							        <div class="panel panel-default">
							          <div class="panel-heading">
							            <h4 class="panel-title">
							              <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true">
							                <span class="fa fa-minus"></span>为什么还开发【小猪趣聚】社交APP？ 
							              </a>
							            </h4>
							          </div>
							          <div id="collapseOne" class="panel-collapse collapse in">
							            <div class="panel-body">
											据数据调查显示，目前城市单身青年想要脱单现状：
											1.下载注册各种相亲或社交APP，纯线上模式，变相充值或购买服务，但还会遇盗各种虚假会员和托；（网聊不靠谱，充值服务费用高）
											2.参加相亲机构组织策划的脱单活动；（费用高，相亲太直接，部分人员信息不对等，如年龄，职业，收入，学历等）
											3.进自媒体或微博号提供的各种收费单身微信群；（群里成员参差不齐，还收费；没人组织线下活动，口嗨的人多）
											4.加入各种兴趣爱好群；（加的群多，潜水的多，出去线下见面认识的少）
											5.同学圈子，同事圈子，家人圈子，因这些圈子都有限，脱单效率低下；
											6.路上偶遇有眼缘的，但碍于面子不敢认识；
											

							            </div>
							          </div>
							        </div>

							        <div class="panel panel-default">
							          <div class="panel-heading">
							            <h4 class="panel-title">
							              <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
							                <span class="fa fa-plus"></span> 【小猪趣聚】使命是什么？
							              </a>
							            </h4>
							          </div>
							          <div id="collapseTwo" class="panel-collapse collapse">
							            <div class="panel-body">
											互帮互助，众人拾柴火焰高，帮助城市单身青年，扩大社交圈子，认识更多异性和朋友，告别枯躁乏味的宅家时间，加入更多线下吃喝玩乐兴趣活动，让每个人的生活多一份乐趣！趣生活，趣同城！
							            </div>
							          </div>
							        </div>

							        <div class="panel panel-default">
							          <div class="panel-heading">
							            <h4 class="panel-title">
							              <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree">
							                <span class="fa fa-plus"></span> 【小猪趣聚】的愿景是什么？
							              </a>
							            </h4>
							          </div>
							          <div id="collapseThree" class="panel-collapse collapse">
							            <div class="panel-body">
											做中国最大的纯净真实，公益免费，非盈利性交友平台；让相亲找对象这事变得更简单，我为人人，人人为我，互帮互助，公益免费；
							            </div>
							          </div>
							        </div>

							        <div class="panel panel-default">
							          <div class="panel-heading">
							            <h4 class="panel-title">
							              <a data-toggle="collapse" data-parent="#accordion" href="#collapseFour">
							                <span class="fa fa-plus"></span> 【小猪趣聚】的价值观是什么？
							              </a>
							            </h4>
							          </div>
							          <div id="collapseFour" class="panel-collapse collapse">
							            <div class="panel-body">
											真诚友善，我为人人，人人为我，互帮互助；
							            </div>
							          </div>
							        </div>

							        <div class="panel panel-default">
							          <div class="panel-heading">
							            <h4 class="panel-title">
							              <a data-toggle="collapse" data-parent="#accordion" href="#collapseFive">
							                <span class="fa fa-plus"></span> 哪些人适合成为运营合伙人?
							              </a>
							            </h4>
							          </div>
							          <div id="collapseFive" class="panel-collapse collapse">
							            <div class="panel-body">
											如果你是上班族，业余有时间聊微信，对帮忙别人脱单找对象感兴趣，或者自媒体做社群运营，做户外活动组织，吃喝玩乐的兴趣群主们，均可兼职成为运营合伙人，动动手指，就能赚钱；帮助别人同时也帮助了自己获取一份额外的收入；<br>
											<span style="color: red;">注意：0元投入，不花钱即可成为城市运营合伙人，一键推荐给身边单身朋友（此模式非传销形式，靠拉人头卖产品赚钱）我们平台，互帮互助，乐意帮助别人脱单的人士可成为运营合伙人；
											</span>
							            </div>
							          </div>
							        </div>


							    </div>
							</div>

						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- End FAQ -->


		<!-- Start Contact -->
		<section id="mu-contact">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="mu-contact-area">

							<div class="mu-title-area">
								<h2 class="mu-heading-title">联系我们-成为合伙人</h2>
								<span class="mu-title-dot"></span>
								<p>【小猪趣聚】正逐一解决以上问题而开发的一款新社交软件，通过
									线上大数据AI匹配对象，线下撮合聚会，让大数据在相亲社交领域赋能，减少无效无意义社交！</p>
									<p><span style="color: red;">为保障您运营合伙人的权益，将与我司签订运营合伙人协议书，《小猪趣聚城市运营合伙人-协议书》
										详情咨询请加客服微信：pigfun8</span></p>
							</div>

							

							<!-- Start Contact Content -->
							<div class="mu-contact-content">
								<div class="row">

								<div class="col-md-7">
									<div class="mu-contact-left">
										<div id="form-messages"></div>
											<form id="ajax-contact" method="post" action="mailer.php" class="mu-contact-form">
												<div class="form-group">                
													<input type="text" class="form-control" placeholder="称呼" id="name" name="name" required>
												</div>
												<div class="form-group">                
													<input type="email" class="form-control" placeholder="联系电话" id="phone" name="phone" required>
												</div>              
												<div class="form-group">
													<textarea class="form-control" placeholder="备注" id="message" name="message" required></textarea>
												</div>
												<button type="submit" class="mu-send-msg-btn"><span>提交</span></button>
								            </form>
										</div>
									</div>



									<div class="col-md-5">
										<div class="mu-contact-right">
											<div class="mu-contact-right-single">
												<div class="mu-icon"><i class="fa fa-map-marker"></i></div>
												<p><strong>组织者入驻</strong></p>
												<p>拉新吸粉 活动人数 轻松召集</p>
											</div>

											<div class="mu-contact-right-single">
												<div class="mu-icon"><i class="fa fa-map-marker"></i></div>
												<p><strong>商家入驻</strong></p>
												<p>增加曝光 拉新吸粉 让自己服务或产品得到大家青睐</p>
											</div>

											<div class="mu-contact-right-single">
												<div class="mu-icon"><i class="fa fa-map-marker"></i></div>
												<p><strong>领队入驻</strong></p>
												<p>空闲时间 爱交朋友 带大家玩很有成就感 </p>
											</div>

											<div class="mu-contact-right-single">
												<div class="mu-icon"><i class="fa fa-map-marker"></i></div>
												<p><strong>写游记收入</strong></p>
												<p>爱写游记 发现更多玩法 分享快乐 获取收益 </p>
											</div>

											<!-- <div class="mu-contact-right-single">
												<div class="mu-social-media">
													<a href="#"><i class="fa fa-tachometer"></i></a>
													<a href="#"><i class="fa fa-twitter"></i></a>
													<a href="#"><i class="fa fa-google-plus"></i></a>
													<a href="#"><i class="fa fa-linkedin"></i></a>
													<a href="#"><i class="fa fa-youtube"></i></a>
												</div>
											</div> -->

										</div>
									</div>		

								</div>
							</div>
							<!-- End Contact Content -->

						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- End Contact -->

	</main>
	
	<!-- End main content -->	
			
			
	<!-- Start footer -->
	<footer id="mu-footer" role="contentinfo">
			<div class="container">
				<div class="mu-footer-area">
					<p class="mu-copy-right">纯净真实 优质有趣 公益免费 O2O脱单交友平台&nbsp;&nbsp;&nbsp;<a href="hehuo.html" style="color: blue;" target="_blank" title="成为城市合伙人">成为城市合伙人</a></p>
					<p></p>
					<p class="mu-copy-right">&copy; Copyright xxxxx科技有限公司
						
					</p>
					
				
					<p class="mu-copy-right">备案：粤ICP备xxxxx号-1&nbsp;<script type="text/javascript">document.write(unescape("%3Cspan id='cnzz_stat_icon_1279235892'%3E%3C/span%3E%3Cscript src='https://s4.cnzz.com/stat.php%3Fid%3D1279235892%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));</script></p>
				</div>
			</div>

	</footer>
	<!-- End footer -->

	
	
    <!-- jQuery library -->
    <script src="https://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <!-- Bootstrap -->
    <script src="assets/js/bootstrap.min.js"></script>
	<!-- Slick slider -->
    <script type="text/javascript" src="assets/js/slick.min.js"></script>
    <!-- Ajax contact form  -->
    <script type="text/javascript" src="assets/js/app.js"></script>
  
    
	
    <!-- Custom js -->
	<script type="text/javascript" src="assets/js/custom.js"></script>

	
	
    
  </body>
</html>